<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
  <title>抗疫我们在一起</title>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./lib/reset.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body style="height: 10000px;">
  <div class="bg-ellipse-full-wrapper">
    <div class="bg-ellipse-wrapper">
      <div class="bg-ellipse bg-ellipse-1" style="transform: translate3d(0px, 7px, 0px);"></div>
      <div class="bg-ellipse bg-ellipse-2" style="transform: translate3d(0px, 10.5px, 0px);"></div>
      <div class="bg-ellipse bg-ellipse-3" style="transform: translate3d(0px, 3.5px, 0px);"></div>
      <div class="bg-ellipse bg-ellipse-4" style="transform: translate3d(0px, 7px, 0px);"></div>
      <div class="bg-ellipse bg-ellipse-5" style="transform: translate3d(0px, 10.5px, 0px);"></div>
      <div class="bg-ellipse bg-ellipse-6" style="transform: translate3d(0px, 3.5px, 0px);"></div>
      <!-- <div class="bg-ellipse bg-ellipse-7" style="transform: translate3d(0px, 7px, 0px);"></div>
      <div class="bg-ellipse bg-ellipse-8" style="transform: translate3d(0px, 10.5px, 0px);"></div> -->
    </div>
  </div>
  <!-- 总体大盒子 -->
  <div class="wrap">
    <!-- 顶部导航栏 -->
    <div class="head-con">
      <div class="logo">
        <img src="./images/index/logo.png" alt="">
        <a href="./index.html">疫情纪实</a>
      </div>
      <div class="head-nav">
        <ul>
          <li><a>疫情实时地图</a></li>
          <li><a>最美逆行者</a></li>
          <li><a>全球抗疫</a></li>
          <li><a>新闻大事记</a></li>
          <li><a>防疫小知识</a></li>
        </ul>
      </div>
    </div>
    <!-- 视频 -->
    <div class="main-video">
      <video autoplay="" loop="" muted="" preload="" webkit-playsinline="true" class="root-hero-video">
        <source src="./video/7F6DFA5B206A590B6A3151FCB7101E39.mp4 ">
      </video>
      <div class="main-txt">
        <h3>与时间赛跑&nbsp;&nbsp;同病毒较量</h3>
        <p>ANTI EPIDEMIC</p>
      </div>
      <!-- 小箭头 -->
      <div class="arrows">
        <a class="arrowsone">
          <img src="./images/index/jt.png" alt="">
        </a>
      </div>
    </div>
    <!-- 最美逆行者 -->
    <div class="main-top">
      <div class="container">
        <div class="maintop-left">
          <h3>逆风行者</h3>
          <p>哪有什么岁月静好,只是有人在替我们负重前行</p>
        </div>
        <div class="maintop-right">
          
        </div>
      </div>
    </div>
  </div>
  <script src="./lib/jquery-3.4.1.min.js"></script>
  <script src="./js/social responsibility.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>